.loading {
  position: fixed;
  top: 50%;
  left: 50%;
  margin-left: -100px;
  margin-top: -100px;
  width: 200px;
  height: 200px;
  //   background-image: conic-gradient(red, green, blue, black, gold, red);
  //   background-image: conic-gradient(#a7caed, #1976d2, #a7caed);
  background-image: conic-gradient(
    transparent,
    transparent 5%,
    rgb(9, 233, 46)
  );
  border-radius: 50%;
  -webkit-mask-image: radial-gradient(
    transparent 0,
    transparent 80px,
    #fff 90px
  );
  animation: loading infinite linear 0.8s;
}

@keyframes loading {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(360deg);
  }
}
